/**
 * Created by Administrator on 2017/1/8.
 */



function init() {
    const body = document.querySelector('body div');
    // body.appendChild('<div id="loading"><img src="images/loading.gif" style="width: 150px;margin-left: 100px;"></div>');
    body.insertAdjacentHTML("afterEnd",'<div id="loading"><img src="images/loading.gif" style="width: 150px;margin-left: 100px;"></div>')
    wx.hideOptionMenu();
    const weixin = location.href.split('?')[1];
    const openId = weixin.split('=')[1];
    let userInfo = {};
    const getUserInfo = BaseUrl + "sign/getUserInfo?id=" + openId;
    request(getUserInfo)
        .then(json => {
            console.log(json)
            userInfo = json.data;
            const memberUrl = BaseUrl + "user/isMember?id=" + userInfo.openId;
            return request(memberUrl)
        })
        .then(json => {
            const  code = json.code
            if (json.status == "1001") {
                return;
            }
            const loading =  document.getElementById('loading')
            const partySign =  document.getElementById('partySign')
            const reSign =  document.getElementById('reSign')
            const unStart =  document.getElementById('unStart')
            if (code == "2002") {
                loading.style.display='none'
                partySign.style.display='block'
                userSignClick(userInfo.headImgUrl, openId);
            } else if (json.status == "2005") {
                partySign.style.display='none'
                loading.style.display='none'
                reSign.style.display='none'
                unStart.style.display='block'
                return;
            } else {
                partySign.style.display='none'
                loading.style.display='none'
                reSign.style.display='block'
                unStart.style.display='none'
            }
        })
}

// $(document).ready(function () {
//     // 根据实际填写接口的配置地点
//     // 这里的接口地址是基于node-weixin配置的。
//     // var weixinUrl = location.href.split('#')[0];
//     $('body').append('<div id="loading"><img src="images/loading.gif" style="width: 150px;margin-left: 100px;"></div>');
//     wx.hideOptionMenu();
//     var getUserInfo = BaseUrl + "sign/getUserInfo";//"auth/user_info";
//     var weixin = location.href.split('?')[1];
//     var openId = weixin.split('=')[1];
//     //获取用户信息
//     $.ajax({
//         url: getUserInfo, //这个地址是服务器配置JSSDK的地址
//         data: {           // 这个地址是发生jssdk调用的url地址
//             // 用于服务器配置
//             id: openId,
//             lang: ''
//         },
//         success: function (json) {
//             var userInfo = json.data;
//             var openId = userInfo.openId;
//             var memberUrl = BaseUrl + "user/isMember";
//             $.ajax({
//                 url: memberUrl,
//                 data: {
//                     id: openId
//                 },
//                 success: function (json) {
//                     var data = json.data;
//                     let code = json.code
//                     if (json.status == "1001") {
//                         return;
//                     }
//                     if (code == "2002") {
//                         $("#loading").hide();
//                         $("#partySign").show();
//                         userSignClick(userInfo.headImgUrl, openId);
//                     } else if (json.status == "2005") {
//                         $("#partySign").hide();
//                         $("#loading").hide();
//                         $("#reSign").hide();
//                         $("#unStart").show();
//                         return;
//                     } else {
//                         $("#partySign").hide();
//                         $("#loading").hide();
//                         $("#reSign").show();
//                         $("#unStart").hide();
//                     }
//                 }
//             })
//         }
//     })
// })
// ;


var userSignClick = function (headImgUrl, openId) {
    const btn = document.getElementById('btnSign')
    btn.addEventListener('click',() => {
       if( btn.className == 'disabled') {
           return
       }
        btn.className = 'disabled'
        const userName =  document.getElementById('userName').value
        if (!userName) {
            const error = document.getElementsByClassName('error_dialog')[0];
            error.lastElementChild.innerText("请输入姓名！");
            error.style.display = 'block'
            setTimeout( () => {
                error.style.display = 'none'
            }, 3000);

            btn.classList.remove('disabled')
            return;
        }
        const addUserUrl = BaseUrl + "user/save";
        const signInfo = {
            "name": userName,
            "headImgUrl": headImgUrl,
            "openId": openId,
            "signFlag": 1
        };
        request(addUserUrl,signInfo,'POST','application/json')
            .then(res => {
                if (res.code === 0) {
                    document.getElementById('partySign').style.display = 'none'
                    document.getElementById('loading').style.display = 'none'
                    document.getElementById('unStart').style.display = 'none'
                    document.getElementById('signSuccess').style.display = 'block'
                }
            })


    })
    // $('#btnSign').click(function () {
    //     var $btn = $(this);
    //     if ($btn.hasClass("disabled")) return;
    //     $btn.addClass("disabled");
    //     if (document.getElementById('userName').value === '') {
    //         const error = document.getElementsByClassName('error_dialog')[0];
    //         error.lastElementChild.innerText("请输入姓名！");
    //         error.style.display = 'block'
    //         setTimeout( () => {
    //             error.style.display = 'none'
    //         }, 3000);
    //         $btn.removeClass("disabled");
    //         return;
    //     }
    //     var addUserUrl = BaseUrl + "user/save";
    //     var signInfo = {
    //         "name": $("input[name='userName']").val(),
    //         "depName": $("select[name='dept']").val(),
    //         "headImgUrl": headImgUrl,
    //         "openId": openId,
    //         "signFlag": 1
    //     };
    //     signInfo = JSON.stringify(signInfo);
    //     $.ajax({
    //         type: 'POST',
    //         url: addUserUrl,
    //         contentType: 'application/json',
    //         data: signInfo,
    //         success: function (json) {
    //             var code = json.code;
    //             if (code == 0) {
    //                 $("#partySign").hide();
    //                 $("#loading").hide();
    //                 $("#unStart").hide();
    //                 $("#signSuccess").show();
    //             }
    //         }
    //     })
    // })
}